<template>
  <div>
    <span>Count</span>
    <p>当前的票房:{{count}} </p>
    <p>主演: {{actor}} </p>
    <p>双倍票房:{{doubleCount}} </p> 
    <!-- 
    调用getters方式1 
    <p>双倍票房:{{$store.getters.doubleCount}} </p> 
    -->
  </div>
</template>

<script>
import { mapGetters, mapState } from 'vuex'
export default {
  computed:{
    // 获取store中数据的方式2
    count(){
      return this.$store.state.count
    },
    // 获取store中数据的方式3
    ...mapState(['actor']),
    /*  
    调用getters方式2 
    doubleCount(){
      return this.$store.getters.doubleCount
    } 
    */
    // 调用getters方式3
    ...mapGetters(['doubleCount'])

  }
}
</script>

<style scoped>
span{
  color: #fc5531;
}
</style>